<template>
	<view class="home-info m-f-ac" @tap="toUserSpace">
		<image class="info-image" :src="homeinfo.userpic" lazy-load></image>
		<view class="m-f1">
			<view class="home-nickname">{{homeinfo.username}}</view>
			<view class="home-total-data">总文章 {{homeinfo.totalnum}} 今日 {{homeinfo.todaynum}}</view>
		</view>
		<view class="icon iconfont icon-qianjinxiayige"></view>
	</view>
</template>

<script>
	export default {
		props: {
			homeinfo: {
				type: Object
			}
		},
		methods: {
			toUserSpace() {
				uni.navigateTo({
					url: '../../pages/user-space/user-space'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.home-info {
		padding: 20rpx 40rpx;
		.info-image {
			width: 100rpx;
			height: 100rpx;
			flex-shrink: 0;
			border-radius: 100%;
			margin-right: 15rpx;
		}
		.home-nickname {
			font-size: 32rpx;
		}
		.home-total-data {
			color: #BBBBBB;
		}
	}
</style>
